<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<lv-datatable [lvData]="userData" #userTable lvResize lvSize="small">
  <thead>
    <tr>
      <th lvCellKey="userName">{{ 'common_name_label' | i18n }}</th>
      <th lvCellKey="description">{{ 'common_desc_label' | i18n }}</th>
    </tr>
  </thead>
  <tbody>
    <ng-container *ngFor="let item of userTable.renderData">
      <tr>
        <td>{{ item.userName }}</td>
        <td>
          <span lv-overflow>
            {{item.description | i18n | nil}}</span>
        </td>
      </tr>
    </ng-container>
  </tbody>
</lv-datatable>
<lv-paginator [lvPageSize]="pageSize" [lvPageIndex]="pageIndex" [lvTotal]="total" #page [lvShowPageSizeOptions]="false"
  lvMode="simple" [hidden]="!total" (lvPageChange)="userPageChange($event)">
</lv-paginator>
